<%--
  Created by IntelliJ IDEA.
  User: Fan
  Date: 2022/3/13
  Time: 14:56
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>ChangeFrame</title>
    <style>
        #login-box {
            border: 1px ;
            width: 30%;
            text-align: center;
            margin: 0 auto;
            margin-top: 10%;
            background: aliceblue;
            padding: 20px 50px;
        }
        #login-box h1 {
            color: rgba(1, 2, 20, 0.55);
            font-family: "Bookman Old Style";
        }
        #login-box .form .item input {
            width: 200px; /* 设置合适的宽度 */
            border: 0; /* 首先将边界取消，方便下面修改下部边界宽度 */
            border-bottom: 3px solid white; /* 将下边界进行修改，显示出横线效果 */
            font-size: 18px; /* 将字体适当的变大加粗 */
            background: #ffffff00; /* 将输入框设置为透明 */
            color: white; /* 上面的文本颜色设置为白色，但是placeholder的颜色要单独设置 */
            padding: 5px 10px; /* 为了placeholder的内容不是顶格显示，增加内部边界 */
        }
        #login-box button {
            border: 0; /* 取消按钮的边界 */
            width: 150px; /* 设置合适的按钮的长和宽 */
            height: 30px;
            margin-top: 1px; /* 设置合适的上部外框的宽度，增加与上面的距离 */
            font-size: 18px; /* 修改按钮文字的大小 */
            color: white; /* 修改按钮上文字的颜色 */
            border-radius: 25px; /* 将按钮的左右边框设置为圆弧 */
            background-image: linear-gradient(to right, #559ff1 0%, #fc00ff 100%); /* 为按钮增加渐变颜色 */
        }
    </style>
</head>
<body bgcolor="F1E2CC">

<form action="/change" method="post">
<%--    输入你要修改学生信息：<br><br>--%>
<%--    学号：<input id="id" type="text" name="id"><br>--%>
<%--    姓名：<input id="name" type="text" name="name"><br>--%>
<%--    学籍状态：<input type="text" name="status"><br>--%>

<%--    <input type="submit" value="确认修改">--%>
    <div id="login-box">
        <h1>Change Status</h1>
        <div class="form">
            <div class="item">
                学号：  <input id="id"  type="text"   name="id" placeholder="id"></div>

            <div class="item">
                姓名：  <input id="name"  type="text"   name="name" placeholder="name"></div>

            <div class="item">
                在籍： <input id="status"  type="text"   name="status" placeholder="status"></div>

            <br><br>
        </div>
        <button type="submit">修改状态</button>
    </div>
</form>

<%--<div id="examineBlock">--%>
<%--    <div id="examineHeader">修改学籍状态</div>--%>
<%--    <div id="examineMain">--%>

<%--        <table id="examineMessageTable">--%>
<%--            <tr>--%>
<%--                <td class="examineTableTd1">请输入要修改的学生学号</td>--%>
<%--                <td class="examineTableTd2"><input type="text" id="StuId" readonly="readonly" /></td>--%>
<%--                <td><button id="search1" onclick="search1()">查找</button></td>--%>

<%--            </tr>--%>
<%--            <tr>--%>
<%--                <td class="examineTableTd1">请输入要求修改学生姓名</td>--%>
<%--                <td class="examineTableTd2"><input type="text" id="Name" readonly="readonly" /></td>--%>
<%--                <td><button id="search2" onclick="search2()"> 查找</button></td>--%>
<%--            </tr>--%>

<%--        </table>--%>
<%--    </div>--%>

<%--</div>--%>

<%--<script>--%>
<%--    function search1() {--%>


<%--    }--%>
<%--</script>--%>
</body>
</html>
